<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="utf-8" />
    <title>font-variant_CSS参考手册_web前端开发参考手册系列</title>
    <meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
    <style>
        .test p {
            margin: 15px 0;
            border: 1px solid #000;
        }

        .small-caps span {
            font-variant: small-caps;
        }
    </style>
</head>

<body>
    <ul class="test">
        <li>
            <strong>将文本转换为小型的大写字母</strong>
            <div>原　文： HOW DO YOU DO & <span>how do you do.</span></div>
            <div class="small-caps">转换后： HOW DO YOU DO & <span>how do you do.</span></div>
        </li>
    </ul>
</body>

</html>